<template>
  <div>
      <Detail 
        :name="detailList.title"
        :Releasetime="detailList.createtime"
        :author="detailList.author"
        :number="detailList.read_num"
        :cover_image="detailList.cover_image"
        :content="detailList.content"
      />
      <!-- <div class="title">您当前的位置：网站首页 > 殡仪馆 > </div>
      <div class="funeradetail">
          <div class="funerabox">
              <div class="name">{{detailList.title}}</div>
               <div class="author">
                <span>发布时间：{{detailList.createtime}}</span>
                <span>作者：{{detailList.author}}</span>
                <span>浏览次数：{{detailList.read_num}}</span>
            </div> -->
            <!-- <div class="cover_image">
                <img :src=" this.Imgurl + detailList.cover_image" alt="" class="pic">
            </div> -->
            <!-- <div v-html="detailList.content" class="funeracontent"></div>
          </div>

      </div> -->
  </div>
</template>

<script>
import Detail from "../../components/details";
export default {
    components:{
        Detail

    },
    data(){
        return{
            detailid: '',
            detailList: {},
            
        }
    },
    created(){
        // console.log(this.$route.query.id);
        this.detailid = this.$route.query.id
        this.getdetails()
        console.log()

    },
    methods: {
        // 获取详情信息
        async getdetails(){
            const {data:res}  = await this.$axios.post("index/MortuaryArticleDetail",{
                id:   this.detailid
            })
            console.log(res);
            
            this.detailList = res.data
        },
    }

}
</script>

<style lang="scss">
.funerabox {
    width: 60%;
    height: 100%;
    border: 1px solid #EFEFEF;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    // justify-content: center;
    align-items: center;
    // box-sizing: border-box;
     .name {
        padding-top: 2%;
        font-size: 22px;
        font-weight: bold;
        color: #333333;
    }
    .author {
        font-size: 14px;
        color: #999999;
        padding-top: 10px;
        span {
            padding-right: 70px;
        }
    }
    
   
}

</style>